<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport"
          content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <title>记录</title>
    <link rel="stylesheet" href="../css/app/app_style.css">
</head>
<body>
<article class="app rec_list">
    <div class="record_list">
        <ul>
            <li>
                <div class="media">
                    <div class="media_left">
                        <a href="#"><img src="images/1.png" alt=""></a>
                    </div>
                    <div class="media_right">
                        <h4>家谱--记录民间百姓历史的档案馆</h4>
                        <span class="tobottom">2016-07-29 1925人阅读</span>
                    </div>
                </div>
            </li>
            <li>
                <div class="media no_media_left">
                    <div class="media_right">
                        <h4>家谱--记录民间百姓历史的档案馆,用的label标签，宽度设置好display:inline-block;</h4>
                        <span class="tobottom">2016-07-29 1925人阅读</span>
                    </div>
                </div>
            </li>
            <li>
                <div class="media">
                    <div class="media_left">
                        <a href="#"><img src="images/1.png" alt=""></a>
                    </div>
                    <div class="media_right">
                        <h4>家谱--记录民间百姓</h4>
                        <span class="tobottom">2016-07-29 1925人阅读</span>
                    </div>
                </div>
            </li>
            <li>
                <div class="media no_media_left">
                    <div class="media_right">
                        <h4>家谱--记录民间百姓</h4>
                        <span class="tobottom">2016-07-29 1925人阅读</span>
                    </div>
                </div>
            </li>
        </ul>
    </div>
</article>
</body>
</html>